Element Plus for Vue 3.0 来了!
The following article is from FOSS Lab Author 局长
Element 开发团队宣布推出 Element Plus 首个 Beta 版本,官方表示 Element Plus 是 Element 对 Vue 3.0 的升级适配。
地址:https://github.com/element-plus/element-plus
据介绍,Element Plus 是首个使用 TypeScript + Vue 3.0 Composition API 重构的组件库。由于 Vue 3.0 进行了大版本升级,Element 作为其生态的组件库希望借此机会丢掉历史包袱,所以开发团队对 Element 进行了一次深度重构。
使用 TypeScript 开发,提供完整的类型定义文件
使用 Vue 3.0 Composition API 降低耦合,简化逻辑
使用 Vue 3.0 Teleport 新特性重构挂载类组件
使用 Lerna 维护和管理项目
使用更轻量更通用的时间日期解决方案 Day.js
升级适配 popperjs, async-validator 等核心依赖
完善 52 种国际化语言支持
除此以外,还有:
全新的视觉*
优化的组件 API
更多自定义选项
更加详尽友好的文档
体验 Element Plus for Vue 3.0
手动安装
npm install element-plus
,详见官网安装指南下载 Webpack 脚手架 直接运行体验
使用 Vite 打包脚手架
通过 Vue CLI 插件 引入
有了 Element Plus 是不是意味着 Element 被抛弃了?当然不是,开发团队表示会继续对 Element Plus 和 Element 进行独立维护。
Q:Element Plus 和 Element UI 是什么关系? 为什么又一个新项目?
正如
vue-next
之于vue
,一次 100% 的重构虽然解决了很多历史遗留问题,但也不可避免的引入一些新的 bug 和问题,而独立的 issue 和 pr 区可以减少大家使用和反馈的心智成本,也能更加方便我们定位问题,并行维护迭代。Element will stay with Vue 2.x
For Vue 3.0, we recommend using Element Plus from the same team
具体可以参考 Element 的 README https://github.com/ElemeFE/element/blob/dev/README.md
Q: 老 Element 项目可以平滑升级到 Vue 3.0 + Element Plus 吗?
由于 Vue 3.0 升级引入了部分 API 的调整,老项目的升级不可避免的要做些许改动。但我们力争把变更内容做到可控,只需要很少的调整就能完成项目升级。在今后 Vue 3.0 的项目里,还是熟悉的 Element 的配方和味道。
详情查看:
https://my.oschina.net/u/4506242/blog/4759717
包邮送书
为感谢各位粉丝对“OSC开源社区”公众号一直以来的支持,现免费赠送实体图书5本~
公众号聊天窗口回复“抽奖”立即参与领取!
2020-11-30
2020-11-29
2020-11-28